* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.content {
    perspective: 3px; /* perspective让父元素获得3d视角 */
    height: 100vh;
    overflow-x: hidden; 
}

.content div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    letter-spacing: 2px;
    font-style: 30px;
}


.image {
    transform: translateZ(-1px) scale(1.6); /* z轴-1 */
    background-size: cover;
    height: 100vh;
    z-index: -1;
}

.title {
    transform: translateZ(1px) translateY(-30vh); /* z轴+1 */
    z-index: -1;
    font-size: 36px;
    color: #fff;
}

.desc { /* z轴0 */
    height: 50vh;
    background-color: #fff; 
}